<%@ page language="java" %>
<%@ taglib uri="/tags/struts-html" prefix="html" %>

<HTML>
    <HEAD>
        <TITLE>OPIAM Admin - Tutorial Application</TITLE>
        <LINK rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/standard.css" />
    </HEAD>
<!-- ####### Comments ####### -->
<%!
  
  // Comments to explain the code
  String codeComment = "&#60;DIV>&#60;html:errors/&#62;&#60;/DIV&#62;"
                     + "\n...\n"
                     + "&#60;html:form&nbsp;action=&#34;logon&#34;&nbsp;method=&#34;POST&#34;&nbsp;focus=&#34;login&#34;&nbsp;&#62;"
                     + "\n&nbsp;&nbsp;&nbsp;"
                     + "&#60;html:text&nbsp;property=&#34;login&#34;&nbsp;size=&#34;20&#34;&nbsp;maxlength=&#34;128&#34;/&#62;"
                     + "\n&nbsp;&nbsp;&nbsp;"
                     + "&#60;html:password&nbsp;property=&#34;password&#34;&nbsp;size=&#34;20&#34;&nbsp;maxlength=&#34;128&#34;&nbsp;redisplay=&#34;false&#34;/&#62;"
                     + "\n&nbsp;&nbsp;&nbsp;"
                     + "&#60;INPUT&nbsp;type=&#34;image&#34;&nbsp;src=&#34;<&#37;=request.getContextPath()&#37;>/images/ok_button.gif&#34;&nbsp;border=&#34;0&#34;&nbsp;&#62;"
                     +  "\n"
                     + "&#60;/html:form&#62;";


%>

    <BODY style="margin: 0; overflow: auto;" bgcolor="#ffffff">
    <TABLE cellpadding="0" cellspacing="0" border="0" width="100%" height="100%" summary="Login" class="body">
    <TR>
        <TD width="275" height="65">
        <!-- ####### Logo ####### -->
        <TABLE cellpadding="0" cellspacing="0" border="0" summary="Logo" class="body">
            <TR>
                <TD>
                   <IMG src="<%=request.getContextPath()%>/images/logo.jpg" width="208" height="65">
                </TD>
            <TR>
        </TABLE>
        </TD>
        <TD>
        <!-- ####### Icons bar ####### -->
        <TABLE cellpadding="0" cellspacing="0" border="0" width="100%" summary="Menu and body" class="body">
            <TR class="background">
                <TD><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="1" height="45" border="0" alt=""></TD>
                <TD width="100%"><BR/></TD>
                <TD><BR/></TD>
            </TR>
            <TR style="background-image: url('<%=request.getContextPath()%>/images/top_background_01.gif');">
                <TD><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="1" height="20" border="0" alt=""></TD>
                <TD width="100%" valign="middle"></TD>
                <TD width="100%" valign="middle"></TD>
            </TR>
        </TABLE>
        </TD>
   </TR>
   <TR>
        <TD  width="275" height="100%" style="margin-left: 10; margin-top:10; overflow: auto;" bgcolor="#f5f5f5">
        <!-- ####### Page informations ####### -->
        <TABLE cellpadding="0" cellspacing="0" border="6" width="100%" summary="Application tree" class="body"
                bordercolorlight="#4682b4" bordercolordark="#99CCFF">
            <TR><TH colspan="2">Comments</TH></TR>
            <TR><TD>
                <TABLE cellpadding="0" cellspacing="0" border="0" width="100%" class="body">
                <TR>
	                <TD><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="1" height="6" border="0" alt=""></TD>
                    <TD><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="1" height="6" border="0" alt=""></TD>
    	        </TR>
        	    <TR>
            	    <TD colspan="2">Description&nbsp;:&nbsp;</TD>
            	</TR>
                <TR>
	                <TD>&nbsp;</TD><TD class="code">&nbsp;&nbsp;This is the login page of the application...</TD>
                </TR>
                <TR>
	                <TD><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="1" height="6" border="0" alt=""></TD>
                    <TD><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="1" height="6" border="0" alt=""></TD>
    	        </TR>
        	    <TR>
            	    <TD colspan="2">Page&nbsp;:&nbsp;</TD>
            	</TR>
                <TR>
	                <TD>&nbsp;</TD><TD class="code">-&nbsp;login.jsp</TD>
                </TR>
                <TR>
	                <TD><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="1" height="6" border="0" alt=""></TD>
                    <TD><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="1" height="6" border="0" alt=""></TD>
    	        </TR>
	            <TR>
    	            <TD colspan="2">Action Class&nbsp;:&nbsp;</TD>
        	    </TR>
            	<TR>
	                <TD>&nbsp;</TD><TD class="code">-&nbsp;LogonAction.java</TD>
    	        </TR>
                <TR>
	                <TD><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="1" height="6" border="0" alt=""></TD>
                    <TD><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="1" height="6" border="0" alt=""></TD>
    	        </TR>
        	    <TR>
            	    <TD colspan="2">Form-Bean&nbsp;:&nbsp;</TD>
            	</TR>
                <TR>
	                <TD>&nbsp;</TD><TD class="code">-&nbsp;LogonForm.java</TD>
                </TR>
                <TR>
	                <TD><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="1" height="6" border="0" alt=""></TD>
                    <TD><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="1" height="6" border="0" alt=""></TD>
    	        </TR>
	            <TR>
    	            <TD colspan="2">Taglibs&nbsp;:&nbsp;</TD>
        	    </TR>
	            <TR>
    	            <TD>&nbsp;</TD>
                    <TD colspan="2" class="code">
                        -&nbsp;<&#37;@&nbsp;taglib&nbsp;uri=&#34;/tags/struts-html&#34; prefix=&#34;html&#34;&nbsp;&#37;>
                    </TD>
        	    </TR>
                <TR>
	                <TD><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="1" height="6" border="0" alt=""></TD>
                    <TD><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="1" height="6" border="0" alt=""></TD>
    	        </TR>
                </TABLE>
                </TD>
           </TR>
        </TABLE>
        </TD>
        <TD height="100%">
        <TABLE cellpadding="0" cellspacing="20" border="0" align="center" width="100%" summary="Body" class="body">
            <TR><TD valign="top">
                    <TABLE cellpadding="0" cellspacing="0" border="0" width="70%" align="center" summary="Body" class="body">
                        <TR><TD width="100%">
                                <TABLE cellpadding="0" cellspacing="0" border="0" summary="bottom" align="center">
                                    <TR><TD><IMG src="<%=request.getContextPath()%>/images/top_left_selected.gif" width="6" height="6" alt=""></TD>
                                        <TD class="background" width="100%"><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="100" height="1" alt=""></TD>
                                        <TD><IMG src="<%=request.getContextPath()%>/images/top_right_selected.gif" width="6" height="6" alt=""></TD>
                                    </TR>
                                </TABLE>
                            </TD>
                        </TR>
                        <TR><TD class="background">
							  <DIV style="margin-left: 15;">
                                    <DIV class="white_title" style="margin-top: 10;">Authentication</DIV>
                                    <DIV><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="1" height="15" alt=""></DIV>
                                    <DIV><html:errors/></DIV>
                                    <html:form action="/logon" method="POST" focus="login" >
                                        <TABLE cellpadding="0" cellspacing="0" border="0" summary="Login" align="center" class="body" width="100%">
                                            <TR><TD><BR/></TD></TR>
                                            <TR><TD align="right">Login&nbsp;:&nbsp;</TD>
                                                <TD>
                                                    <html:text property="login" size="20" maxlength="128"/>
                                                </TD>
                                            </TR>
                                            <TR><TD><BR/></TD></TR>
                                            <TR><TD align="right">Password&nbsp;:&nbsp;</TD>
                                                <TD>
                                                    <html:password property="password" size="20" maxlength="128" redisplay="false"/>
                                                </TD>
                                            </TR>
                                            <TR><TD><BR/></TD></TR>
                                            <TR><TD colspan="2" align="center">
                                                   <INPUT type="image" src="<%=request.getContextPath()%>/images/ok_button.gif" border="0" alt="Ok" title="Log on">
                                                </TD>
                                            </TR>
                                            <TR><TD><BR/><BR/></TD></TR>
                                            <TR><TD colspan="2" align="center">Please enter your login and password.</TD></TR>
                                        </TABLE>
                                    </html:form>
                                    <!-- ####### Code informations ####### -->
                                    <DIV class="white_title" style="margin-left: 400; margin-right: 10;">
                                    <img src="<%=request.getContextPath()%>/images/info.gif" width="24" height="24"
                                         alt="Code Information"
                                         title="<%=codeComment%>" />
                                    </DIV>
                                </DIV>
                            </TD>
                        </TR>
                        <TR><TD><TABLE cellpadding="0" cellspacing="0" border="0" summary="bottom" align="center">
                                    <TR><TD><IMG src="<%=request.getContextPath()%>/images/bottom_left_selected.gif" width="6" height="6" alt=""></TD>
                                        <TD class="background" width="100%"><IMG src="<%=request.getContextPath()%>/images/spacer.gif" width="100" height="1" alt=""></TD>
                                        <TD><IMG src="<%=request.getContextPath()%>/images/bottom_right_selected.gif" width="6" height="6" alt=""></TD>
                                    </TR>
                                </TABLE>
                            </TD>
                        </TR>
                    </TABLE>
                </TD>
                <TD valign="top" width="200">
                    <BR/>
                </TD>
            </TR>
        </TABLE>
        </TD>
    </TR>
    </TABLE>
    </BODY>
</HTML>
